*{padding:0;margin:0;}
.clear{clear:both;overflow:hidden;}
ul{list-style:none;}
.container{width:800px;margin:50px auto;}
.container li{
	float:left;
	width:170px;
	margin:15px 10px;
	padding:5px;
	border-radius:5px;
	box-shadow:0 0 2px rgba(0,0,0,.5);
}

.container li img{
	width:170;
	height:120px;
	border-radius:5px;
	vertical-align:bottom;
}
/**每个li 设置旋转角度**/
.container li:nth-child(1){
	transform:rotate(30deg);
}
.container li:nth-child(2){
	transform:rotate(-15deg);
}
.container li:nth-child(3){
	transform:rotate(25deg);
}
.container li:nth-child(4){
	transform:rotate(-20deg);
}
.container li:nth-child(5){
	transform:rotate(5deg);
}
.container li:nth-child(6){
	transform:rotate(-15deg);
}
.container li:nth-child(7){
	transform:rotate(20deg);
}
.container li:nth-child(8){
	transform:rotate(-30deg);
}

/**悬浮 旋转为0 放大**/
.container li:hover{
	transform:rotate(0deg) scale(1.1);
}

